<template>
	<view class="box">
		<uNavbar title="团队战力记录" bgColor=" #111111"></uNavbar>
	<view class="main">
		<view class="tit">
			<text class="name">时间</text>
			<text class="time">团队战力值</text>
			<text class="price" >团队小部落战力值</text>
		</view>
		<view class="item" v-for="item in selllist" :key="item.id" >
			<text class="text1" >{{item.create_time}}</text>
			<text class="text2">{{item.team_ce}}</text>
			<text class="text3" >{{item.community_ce}}</text>
		</view>
		<noDatas :xxxList="selllist"  :showMore="false"></noDatas>
	</view>
	

		
	
		

	</view>

</template>

<script>
import {combatEffectiveness} from "../../api/other.js"
	export default {
		data() {
			return {
				selllist:[],
				page: 1,
				size: 30,
				status: 'loadmore', //加载前值为loadmore，加载中为loading，没有数据为nomore
			}
		},
		onLoad() {
			this.getselllist()
		},
		methods: {
			getselllist(){
				combatEffectiveness({
					page:this.page,
				}).then(res=>{
					if (res.code == 1) {
						let list = res.data.data;
						this.selllist = this.page == 1 ? list : this.selllist.concat(list);
						// console.log(this.goodlist2);
						if (list.length < this.size) this.status = 'nomore';
						else this.status = 'loading';
					}
					
				})
			},
			
		},
		onReachBottom() {
				if (this.status != 'nomore') {
					this.page = this.page + 1
					this.getselllist()
				}
		},
	
	}
</script>
<style>
	page {
		background: #111111;
		
	}
</style>

<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url("~@/iconfont/almm.ttf");
	}
	
	/deep/ .u-navbar__content__title{
		color: #F2C386 !important;
		font-family: iconfont !important;
	}
.main{
	width: 750rpx;
	// height: 1292rpx;
	background: linear-gradient( 135deg, #282625 2%, #131211 97%);
	// border-radius: 44rpx 44rpx 44rpx 44rpx;
	border: 2rpx solid #5D5855;
	margin: 0 auto;
	margin-top: 52rpx;
	.tit{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: 400;
		font-size: 32rpx;
		color:#F2C386;
		padding-top: 20rpx;
		.name{
			margin-left: 70rpx;
		}
		.time{
			margin-left: 30rpx;
		}
		.price{
			margin-right: 50rpx;
		}
	}
	.item{
		width: 690rpx;
		display: flex;
		align-items: center;
		margin-top: 24rpx;
		.text1{
			width: 170rpx;
			text-align: center;
			font-weight: 400;
			font-size: 28rpx;
			color: rgba(242,195,134,0.6);
			margin-left: 30rpx;
			margin-right: 30rpx;
		}
		.text2{
			width: 170rpx;
			text-align: center;
			font-weight: 400;
			font-size: 26rpx;
			color: rgba(242,195,134,0.6);
			// margin-left: 50rpx;
		}
		.text3{
			width: 170rpx;
			text-align: right;
			font-weight: 400;
			font-size: 26rpx;
			color: rgba(242,195,134,0.6);
			margin-left: 50rpx;
		}
	}
}
	.tipwrap{
		width: 170rpx;
		height: 52rpx;
		background: linear-gradient( 270deg, #F2D89A 0%, #E3B863 100%);
		border-radius: 400rpx 400rpx 400rpx 400rpx;
		font-weight: 400;
		font-size: 24rpx;
		color: #663F0A;
		text-align: center;
		line-height: 52rpx;
		position: absolute;
		top: 40rpx;
		right: 40rpx;
		
	}


	.box {
		width: 750rpx;
		height: 1624rpx;
		// background-image: url("../../static/image/sjqybg.png");
		background-size: 750rpx 1250rpx;
		background-repeat: no-repeat;
		position: relative;
	}



</style>